<template>
    <div class="gold-shop-wrap">
        <van-nav-bar title="审核进度" left-arrow fixed @click-left="onClickLeft" />
        <van-tabs v-model="active" title-active-color="#1D69E4" color="#1D69E4" :border="true" line-width="28px" class="">
            <van-tab title="支付宝审核进度" :title-style="{
            fontWeight: 600,
            fontSize: '14px'
        }"></van-tab>
            <van-tab title="微信审核进度" :title-style="{
            fontWeight: 600,
            fontSize: '14px'
        }"></van-tab>
        </van-tabs>
        <!-- 进度 -->
        <div class="progress">
            <van-steps direction="vertical" :active="0" inactive-color="#1D69E4" active-color="#1D69E4">
                <van-step v-for="item, index in 5" :key="index">
                    <div class="step_list">资料审核通过巴拉巴拉</div>
                </van-step>
            </van-steps>
        </div>
    </div>
</template>
<script>
// import { Dialog } from 'vant';
export default{
    data() {
        return {
            active:0,
            shopInfo:{},
            id:this.$route.query.id
        }
    },
    created() {
    window.scrollTo(0, 0)
        this.getShopDetail()
        // this.id=this.$route.query.id
    },
    methods:{

        onClickLeft() {
            this.$router.back()
        },
    }

}
</script>
<style lang="scss" scoped>
.gold-shop-wrap {
    // min-height: 100vh;
    padding-top: 46px;
    // background: #F2F4F5;

    ::v-deep .van-nav-bar .van-icon {
        color: #333333;
    }

    ::v-deep .van-nav-bar__arrow {
        font-size: 20px;
    }

    ::v-deep .van-step__line {
        background: #E3E3E3 !important;
    }

    ::v-deep .van-step__circle {
        width: .26rem;
        height: .26rem;
    }

    ::v-deep .van-icon-checked:before {
        content: '';
        background: rgb(243, 42, 35);
        width: .26rem;
        height: .26rem;
        border-radius: 50%;
    }

    .step_list {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: .28rem;
        color: #666666;
        line-height: 20px;
        text-align: left;
        font-style: normal;
        padding-bottom: 0.2rem;
    }

    .progress {
        width: 95%;
        margin: 0 auto;
        ::v-deep .van-step--vertical:not(:last-child)::after {
            border: none;
        }

    }

}
</style>
